<!DOCTYPE HTML>
<html>
<head>
<title>家</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Nuevo Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="applijegleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="/static/home/css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="/static/home/css/style.css" rel='stylesheet' type='text/css' />	
<script src="/static/home/js/jquery-1.11.1.min.js"></script>
<!-- start menu -->
<link href="/static/home/css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="/static/home/js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<script src="/static/home/js/menu_jquery.js"></script>
<script src="/static/home/js/simpleCart.min.js"> </script>
<!--web-fonts-->
 <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,300italic,600,700' rel='stylesheet' type='text/css'>
 <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700' rel='stylesheet' type='text/css'>
<!--//web-fonts-->
 <script src="/static/home/js/scripts.js" type="text/javascript"></script>
<script src="/static/home/js/modernizr.custom.js"></script>
<script type="text/javascript" src="/static/home/js/move-top.js"></script>
<script type="text/javascript" src="/static/home/js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
</head>
<body>
<!--start-home-->
<div class="top_bg" id="home">
	<div class="container">
		<div class="header_top">
			<div class="top_right">
				<ul>
					<li><a href="#">帮帮我</a></li>
					<li><a href="contact.html">配送</a></li>
					<li><a href="#">联系信息</a></li>
				</ul>
			</div>
			<div class="top_left">
				<h6><span></span> 致电 : 032 2352 782</h6>
			</div>
				<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--header-->
<div class="header_bg">
   <div class="container">
	<div class="header">
	  <div class="head-t">
		 <div class="logo">
			  <a href="index.html"><h1>新车 <span>店</span></h1> </a>
		  </div>
		  <div class="header_right">
			<div class="cart box_1">
				<a href="checkout.html">
				<div class="total">
				<span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> items)</div>
					<i class="glyphicon glyphicon-shopping-cart"></i></a>
				<p><a href="{:url('home/checkout/checkout')}" class="simpleCart_empty">购物车</a></p>
			</div>				 
		</div>
		<div class="clearfix"></div>	
	    </div>
		<!--start-header-menu-->
		<ul class="megamenu skyblue">
			<li class="active grid"><a class="color1" href="index.html">家</a></li>
			<li class="grid"><a class="color2" href="{:url('home/product/product')}">店铺</a>
				
				</li>
			<li><a class="color4" href="#">TUXEDO</a>
				
				</li>				
				<li><a class="color5" href="#">毛衫</a>
				
				</li>
				<li><a class="color6" href="#">鞋</a>
				
				</li>				
			
				<li><a class="color7" href="#">眼镜</a>
				
				</li>				
			
				<li><a class="color8" href="#">T-SHIRT</a>
				
				</li>
				<li><a class="color9" href="#">手表</a>
				
				</li>
		 </ul> 
	</div>
</div>
</div>

		    <div class="banner">
			    <div class="container">
				   <div class="banner-grids">
				       <div class="col-md-6 jocket">
				       <div class="jock-text">
						      <h3 class="b-tittle">男士夹克</h3>
							 <a class="collection" href="single.html">查看集合 <i class="glyphicon glyphicon-arrow-right"></i></a>
						   </div>
						   <div class="jock-img">
						     <img src="/static/home/images/sht.jpg" alt="">
						   </div>
						    
						   <div class="clearfix"> </div>
					   </div>
					   <div class="col-md-6 shoe">
							   <div class="shoe-img">
								 <img src="/static/home/images/shoe.jpg" class="img-responsive" alt="">
							   </div>
								<div class="shoe-text">
								   <h3 class="b-tittle">男士鞋</h3>
								 <a class="collection" href="single.html">查看集合 <i class="glyphicon glyphicon-arrow-right"></i></a>
							   </div>
							   <div class="clearfix"> </div>
						<div class="bottom-bags">
							   <div class="col-md-6 pack">
								  <div class="bag-text">
									   <h3 class="b-tittle">手袋</h3>
									 <a class="collection" href="single.html">查看集合 <i class="glyphicon glyphicon-arrow-right"></i></a>
								   </div>
								   <div class="bag-img">
									 <img src="/static/home/images/bag.jpg" class="img-responsive" alt="">
								   </div>
								   <div class="clearfix"> </div>
								   
							   </div>	
							   <div class="col-md-6 glass">
								  <div class="glass-text">
									   <h3 class="b-tittle">眼镜</h3>
								 <a class="collection" href="single.html">查看集合 <i class="glyphicon glyphicon-arrow-right"></i></a>
								   </div>
								   <div class="glass-img">
									 <img src="/static/home/images/glass.jpg" class="img-responsive" alt="">
								   </div>
								   <div class="clearfix"> </div>
								   
							   </div>	
								<div class="clearfix"> </div>						   
							</div>
					    </div>						   
						   <div class="clearfix"> </div>
				   </div>
				</div>
			</div>
         <!--/start-fashion-->
		<div class="fashion-section">
		 <div class="container"> 
		     <h3 class="tittle">时装</h3>

		   <div class="fashion-info">
				<div class="col-md-4 fashion-grids">
					<figure class="effect-bubba">
						<img src="/static/home/images/f1.jpg" alt=""/>
						<figcaption>
							<h4>Nuevo Shop</h4>
							<p class="cart"><a href="single.html">Shop</a></p>				
						</figcaption>			
					</figure>		
				</div>
				<div class="col-md-4 fashion-grids">
					<figure class="effect-bubba">
						<img src="/static/home/images/f2.jpg" alt=""/>
						<figcaption>
							<h4>Nuevo Shop</h4>
								<p class="cart"><a href="single.html">Shop</a></p>				
						</figcaption>			
					</figure>		
				</div>
				<div class="col-md-4 fashion-grids">
					<figure class="effect-bubba">
						<img src="/static/home/images/f3.jpg" alt=""/>
						<figcaption>
							<h4>Nuevo Shop</h4>
							<p class="cart"><a href="single.html">Shop</a></p>							
						</figcaption>			
					</figure>		
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
       <!--//fashion-->
	    <!--/start-latest-->
		<div class="collection-section">
		 <div class="container"> 
		     <h3 class="tittle fea">特色系列</h3>

		   <div class="fashion-info">
				<div class="col-md-4 fashion-grids">
					<figure class="effect-bubba">
						<img src="/static/home/images/f4.jpg" alt=""/>
						<figcaption>
							<h4>Nuevo Shop</h4>
							<p class="cart"><a href="single.html">Shop</a></p>				
						</figcaption>			
					</figure>		
				</div>
				<div class="col-md-4 fashion-grids">
					<figure class="effect-bubba">
						<img src="/static/home/images/f5.jpg" alt=""/>
						<figcaption>
							<h4>Nuevo Shop</h4>
								<p class="cart"><a href="single.html">Shop</a></p>				
						</figcaption>			
					</figure>		
				</div>
				<div class="col-md-4 fashion-grids">
					<figure class="effect-bubba">
						<img src="/static/home/images/f6.jpg" alt=""/>
						<figcaption>
							<h4>Nuevo Shop</h4>
							<p class="cart"><a href="single.html">Shop</a></p>							
						</figcaption>			
					</figure>		
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
       <!--//latest-->
		 <div class="container">
				<div class="recommand-section">
					<div class="recommand-section-head text-center">
						<h3 class="tittle fea">推荐产品</h3>
					</div>
					<div class="recommand-section-grids">

						<div class="standards">
					   <h5>标签<i class="glyphicon glyphicon-tag"></i></h5>
						<ul class="selectors_wrapper">
								<li class="selector active" data-selector="1">流行</li>
								<li class="selector" data-selector="2">销售</li>
								<li class="selector" data-selector="3">卖家</li>
								<li class="selector" data-selector="4">率</li>
						</ul>
						
						<div class="standard_content">
							<div class="standard active" data-selector="1">
							{volist name="god" id="vc"}
							<div class="tag-grid" style="width:220px;height:300px;">
								<div class="tag-wrapper">		
									<a href="single.html"><img src="{$vc.thumb}" class="img-responsive" alt="" width="150" height="200"/></a>
									<div class="r-title">
										<h3>{$vc.goods_name}</h3>
										<h4>{$vc.price}</h4>
									</div>
								</div>
								<div class="atc"><a href="{:url('home/product/product',['goods_id'=>$vc.goods_id])}">进店</a></div>
					       </div>
					       {/volist}
						
						
						<div class="clearfix"></div>
							</div>
							<div class="standard" data-selector="2">
							{volist name="god1" id="v1"}
							<div class="tag-grid">
								<div class="tag-wrapper">		
									<a href="single.html"><img src="{$v1.thumb}" class="img-responsive" alt="" width="150"/></a>
							<div class="atc"><a href="{:url('home/product/product',['goods_id'=>$v1.goods_id])}">进店</a></div>
										<div class="r-title">
										<h3>{$v1.goods_name}</h3>
										<h4>{$v1.price}</h4>
										</div>
								</div>
					    </div>
							{/volist}
						
						<div class="clearfix"></div>
							</div>
							<div class="standard" data-selector="3">
						      	<div class="tag-grid">
								<div class="tag-wrapper">		
									<a href="single.html"><img src="images/s2.jpg" class="img-responsive" alt="" /></a>
									<div class="atc"><a href="single.html">Shop</a></div>
									<div class="r-title">
										<h3>Sunny Dress</h3>
										<h4>$30</h4>
									</div>
								</div>
					    </div>
						<div class="tag-grid">
								<div class="tag-wrapper">		
									<a href="single.html"><img src="images/s1.jpg" class="img-responsive" alt="" /></a>
									<div class="atc"><a href="single.html">Shop</a></div>
									<div class="r-title">
										<h3>White Shirt</h3>
										<h4>$30</h4>
									</div>
								</div>
					    </div>
						<div class="tag-grid">
								<div class="tag-wrapper">		
									<a href="single.html"><img src="images/s3.jpg" class="img-responsive" alt="" /></a>
									<div class="atc"><a href="single.html">Shop</a></div>
									<div class="r-title">
										<h3>Puma Shoe</h3>
										<h4>$30</h4>
									</div>
								</div>
					    </div>
						<div class="clearfix"></div>
                      </div>
					   <div class="standard" data-selector="4">
					     	<div class="tag-grid">
								<div class="tag-wrapper">		
									<a href="single.html"><img src="images/s1.jpg" class="img-responsive" alt="" /></a>
									<div class="atc"><a href="single.html">Shop</a></div>
									<div class="r-title">
										<h3>Sunny Dress</h3>
										<h4>$30</h4>
									</div>
								</div>
					    </div>
						<div class="tag-grid">
								<div class="tag-wrapper">		
									<a href="single.html"><img src="images/s3.jpg" class="img-responsive" alt="" /></a>
									<div class="atc"><a href="single.html">Shop</a></div>
									<div class="r-title">
										<h3>White Shirt</h3>
										<h4>$30</h4>
									</div>
								</div>
					    </div>
						<div class="tag-grid">
								<div class="tag-wrapper">		
									<a href="single.html"><img src="images/s2.jpg" class="img-responsive" alt="" /></a>
									<div class="atc"><a href="single.html">Shop</a></div>
									<div class="r-title">
										<h3>Puma Shoe</h3>
										<h4>$30</h4>
									</div>
								</div>
					    </div>
							<div class="clearfix"></div>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					</div>
				</div>
			</div>

		  <div class="mid-content"> 
            <div class="container"> 
			  <div class="middle">
			    <div class="mid-top"> 
			      <h3>Discover a huge assortment of</h3>
				  <p>women`s handbags at the lowest prices</p>
			    </div>
			 </div>
	       </div>
		 </div>
		  <!--start-bottom-->
		   <!--start-image-cursuals-->
                  <div class="scroll-slider">
                  	<div class="container"> 											 
							<div class="nbs-flexisel-container"><div class="nbs-flexisel-inner"><ul class="flexiselDemo3 nbs-flexisel-ul" style="left: -253.6px; display: block;">					    					    					       
							<li onClick="location.href='#';" class="nbs-flexisel-item" style="width: 253.6px;"><img src="images/c3.png" alt=""/></li><li onClick="location.href='#';" class="nbs-flexisel-item" style="width: 253.6px;"><img src="images/c4.png" alt=""/></li><li onClick="location.href='#';" class="nbs-flexisel-item" style="width: 253.6px;"><img src="images/c1.png" alt=""/></li><li onClick="location.href='#';" class="nbs-flexisel-item" style="width: 253.6px;"><img src="images/c2.png" alt=""/></li><li onClick="location.href='#';" class="nbs-flexisel-item" style="width: 253.6px;"><img src="images/c3.png" alt=""/></li><li onClick="location.href='#';" class="nbs-flexisel-item" style="width: 253.6px;"><img src="images/c4.png" alt=""/></li><li onClick="location.href='#';" class="nbs-flexisel-item" style="width: 253.6px;"><img src="images/c1.png" alt=""/></li><li onClick="location.href='#';" class="nbs-flexisel-item" style="width: 253.6px;"><img src="images/c2.png" alt=""/></li></ul><div class="nbs-flexisel-nav-left" style="top: 21.5px;"></div><div class="nbs-flexisel-nav-right" style="top: 21.5px;"></div></div></div> 
							<div class="clearfix"> </div>      
						  <!--start-image-->
								<script type="text/javascript" src="js/jquery.flexisel.js"></script>
								<!--//end-->
								<script type="text/javascript">
								$(window).load(function() {
								    $(".flexiselDemo3").flexisel({
								        visibleItems: 5,
								        animationSpeed: 1000,
								        autoPlay: true,
								        autoPlaySpeed: 3000,            
								        pauseOnHover: true,
								        enableResponsiveBreakpoints: true,
								        responsiveBreakpoints: { 
								            portrait: { 
								                changePoint:480,
								                visibleItems: 2
								            }, 
								            landscape: { 
								                changePoint:640,
								                visibleItems: 3
								            },
								            tablet: { 
								                changePoint:768,
								                visibleItems: 3
								            }
								        }
								    });
								});
								</script>
						<!---->
				  </div>				
			</div>
 <!--//end-bottom-->
		<!--start-footer-->
	     <div class="footer">
		   <div class="container">
			<div class="footer-top">
				<div class="col-md-2 footer-left">
					<h3>About Us</h3>
					<ul>
						<li><a href="#">Who We Are</a></li>
						<li><a href="contact.html">Contact Us</a></li>
						<li><a href="#">Our Sites</a></li>
						<li><a href="#">In The News</a></li>
						<li><a href="#">Carrers</a></li>					 
					</ul>
				</div>
				<div class="col-md-2 footer-left">
					<h3>Your Account</h3>
					<ul>
						<li><a href="account.html">Your Account</a></li>
						<li><a href="#">Personal Information</a></li>
						<li><a href="contact.html">Addresses</a></li>
						<li><a href="#">Discount</a></li>
						<li><a href="#">Track your order</a></li>					 					 
					</ul>
				</div>
				<div class="col-md-2 footer-left">
					<h3>Shopping</h3>
					<ul>
						<li><a href="#">Accesories</a></li>
						<li><a href="#">Books</a></li>
						<li><a href="#">Cloths</a></li>
						<li><a href="#">Bags</a></li>
						<li><a href="#">Shoes</a></li>					 
					</ul>
				</div>
				<div class="col-md-2 footer-left ">
					<h3>Categories</h3>
					<ul>
						<li><a href="#">Sports Shoes</a></li>
						<li><a href="#">Casual Shorts</a></li>
						<li><a href="#">Formal Shoes</a></li>
						<li><a href="#">Party Wear</a></li>
						<li><a href="#">Ethnic Wear</a></li>				 
					</ul>
				</div>
				<div class="col-md-2 footer-left lost">
					<h3>Life Style</h3>
					<ul>
						<li><a href="#">Spa</a></li>
						<li><a href="#">Beauty</a></li>
						<li><a href="#">Travel</a></li>
						<li><a href="#">Food</a></li>
						<li><a href="#">Trends</a></li>					 
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
				
		</div>
	</div>
	<ul class="socials">
				    <li><a class="soc1" href="#"></a></li>
				    <li><a class="soc2" href="#"></a></li>
				    <li><a class="soc3" href="#"></a></li>
				</ul>
	 <!--/start-copyright-->
	 <div class="copy">
		<div class="container">
			<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		</div>
	</div>
	 <!--//end-copyright-->
	<!--end-footer-->
 <!--//end-content-->
    	<!--start-smooth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


</body>
</html>